<template>
	<view class="course-list-item" @click="go('/pages/news_detail/news_detail?id='+item.id)">
	    <view>
	        <image mode="widthFix" :src="item.cover"></image>
	    </view>
	    <view class="right">
	        <text class="title">{{item.title}}</text>
	        <text class="teacher">{{item.username}}</text>
	        <view class="bottom">
	            <!-- <text class="time">{{item.cd}}</text> -->
	            <text class="shetuan-name">{{item.community_name}}</text>
	        </view>
	    </view>
	</view>
</template>

<script>
	export default {
		props: {
			item:{
				type: Object
			}
		}
	}
</script>

<style scoped>
	 .course-list-item {
	    display: flex;
	    font-size: 28rpx;
	    border-bottom: #e5e5e5 1px solid;
	    padding: 20rpx 0;
	}
	.course-list-item image {
	    width: 240rpx;
	    height: 150rpx;
		margin-right: 10px;
	}
.course-list-item .right {
	    line-height: 19px;
	}
 .course-list-item .right .title {
	    display: block;
	}
 .course-list-item .right .title text {
	    font-size: 10px;
	    background-color: red;
	    color: #ffffff;
	    padding: 3px;
	    border-radius: 3px;
	}
 .course-list-item .right .teacher {
	    color: #8a8a8a;
	    display: block;
	    font-size: 24rpx;
	}
 .course-list-item .right .bottom {
	    font-size: 24rpx;
	    display: flex;
	    justify-content: space-between;
	}
 .course-list-item .right .bottom .time {
	    font-size: 24rpx;
	    color: #696969;
	}
 .course-list-item .right .bottom .shetuan-name {
	    color: #338afb;
	    font-weight: bold;
	    font-size: 28rpx;
	}
</style>
